<template>
  <div class="personalContainer">
    <div class="userInfo">
      <img src="https://m.mi.com/static/img/avatar.76a75b8f17.png" alt="" />
      <span>登录/注册</span>
    </div>
    <div class="main">
      <div class="order">
        <span>我的订单</span>
        <div class="back">
          <span>全部订单</span>
          <i>
            <svg
              t="1641370619588"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2126"
              width="200"
              height="200"
            >
              <path
                d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                p-id="2127"
                fill="#bfbfbf"
              ></path>
            </svg>
          </i>
        </div>
      </div>
      <div class="service">
        <div class="serviceItem">
          <svg
            t="1641370939122"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="3006"
            width="200"
            height="200"
          >
            <path
              d="M845.799412 396.132062 536.605398 396.132062c-44.756343 0-82.001619 33.408901-87.195921 77.973886-0.678452 1.682315-1.003863 3.601015-1.003863 5.814426l0 67.171865c0 48.637744 39.562041 88.184435 88.199785 88.184435l309.192991 0c48.637744 0 88.184435-39.547715 88.184435-88.184435l0-62.773695C933.983847 435.678754 894.436132 396.132062 845.799412 396.132062zM876.433106 488.566288l0 54.274114c0 19.24225-15.642259 34.884508-34.884508 34.884508L540.840862 577.724911c-19.24225 0-34.884508-15.642259-34.884508-34.884508l0-54.274114c0-19.24225 15.642259-34.884508 34.884508-34.884508l300.707736 0C860.791871 453.68178 876.433106 469.324038 876.433106 488.566288z"
              p-id="3007"
              fill="#bfbfbf"
            ></path>
            <path
              d="M830.42219 649.176243c-15.789615 0-28.686343 12.8384-28.77537 28.863375l0 107.545388c0 19.24225-15.671934 34.884508-34.914184 34.884508L174.790932 820.469514c-19.24225 0-34.898835-15.642259-34.898835-34.884508L139.892097 238.443647c0-19.24225 15.656585-34.914184 34.898835-34.914184l591.942727 0c19.24225 0 34.914184 15.670911 34.914184 34.914184l0 113.950262c0 15.877619 12.896728 28.77537 28.77537 28.77537 15.877619 0 28.77537-12.896728 28.77537-28.863375L859.198583 234.193857c0-48.637744-39.577391-88.214111-88.214111-88.214111L170.541141 145.979746c-48.637744 0-88.199785 39.577391-88.199785 88.214111l0 555.641963c0 48.637744 39.562041 88.184435 88.199785 88.184435L770.983449 878.020254c48.637744 0 88.214111-39.547715 88.214111-88.184435l0-112.031563C859.109556 662.014642 846.211804 649.176243 830.42219 649.176243z"
              p-id="3008"
              fill="#bfbfbf"
            ></path>
            <path
              d="M817.318754 481.778698c-18.446118 0-33.438577 15.022135-33.438577 33.468253 0 18.446118 14.992459 33.438577 33.438577 33.438577 18.446118 0 33.468253-14.992459 33.468253-33.438577C850.787006 496.800833 835.764871 481.778698 817.318754 481.778698z"
              p-id="3009"
              fill="#bfbfbf"
            ></path>
          </svg>
          <span> 待付款 </span>
        </div>
        <div class="serviceItem">
          <svg
            t="1641370987455"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="3921"
            width="200"
            height="200"
          >
            <path
              d="M807.990806 181.429119 378.768091 181.429119c-41.024345 0-74.258261 33.122375-74.258261 73.933873l0 122.296347-158.666696 91.373057 0.191358 0.323365c-4.329609 3.148713-7.316639 8.011464-7.326872 13.765515l0 248.28376 0 0.039909c0 10.737552 7.79043 19.498076 17.428951 19.498076 9.627265 0 17.417695-8.760524 17.417695-19.498076l0-0.039909L173.554266 493.071905l156.941402-90.385567c7.589862-2.684132 13.08911-9.688663 13.08911-18.164708 0-0.040932-0.00921-0.061398-0.00921-0.081864l0.00921 0 0-125.181047c0-21.475104 17.509792-38.895869 39.087227-38.895869l421.401586 0c21.598924 0 39.076994 17.419741 39.076994 38.895869l0 412.562267c0 0.039909 0 0.079818 0 0.079818 0 10.739599 8.760524 19.458167 19.559475 19.458167 10.797927 0 19.537985-8.718569 19.537985-19.458167 0 0 0-0.039909 0-0.079818L882.248044 255.361969C882.248044 214.550471 849.005942 181.429119 807.990806 181.429119z"
              p-id="3922"
              fill="#bfbfbf"
            ></path>
            <path
              d="M276.847817 548.981263c-10.314926 0.038886-18.700921 8.396227-18.700921 18.649755 0 10.254551 8.385994 18.61087 18.720364 18.61087 0.061398 0 0.141216-0.040932 0.201591-0.040932l98.366332 0c39.652092 0.201591 37.392632-37.21867 37.392632-37.21867l0-77.487815c0-10.273994-8.376785-18.608823-18.691711-18.608823-10.334369 0-18.709107 8.334829-18.709107 18.608823 0 0.040932 0.008186 0.081864 0.008186 0.121773l0 77.366042L276.847817 548.982286z"
              p-id="3923"
              fill="#bfbfbf"
            ></path>
            <path
              d="M718.09131 649.618311c-49.552579 0-90.121554 37.21867-96.118128 84.974323l-196.197474-0.079818c-6.034437-47.714721-46.596248-84.894506-96.127338-84.894506-53.668317 0-97.347119 43.476187-97.347119 96.92347 0 53.40635 43.678802 96.883561 97.347119 96.883561 46.454008 0 85.309968-32.615838 94.936209-76.012208l198.61964 0.079818c9.668197 43.355437 48.486294 75.93239 94.888114 75.93239 53.689806 0 97.346095-43.476187 97.346095-96.883561C815.437405 693.095521 771.781116 649.618311 718.09131 649.618311zM329.64837 802.37132c-30.921243 0-56.081273-25.068955-56.081273-55.82954 0-30.801517 25.159006-55.828516 56.081273-55.828516s56.092529 25.027 56.092529 55.828516C385.7409 777.302365 360.569614 802.37132 329.64837 802.37132zM718.09131 802.37132c-30.92329 0-56.073086-25.068955-56.073086-55.82954 0-30.801517 25.149796-55.828516 56.073086-55.828516s56.090483 25.027 56.090483 55.828516C774.182816 777.302365 749.0146 802.37132 718.09131 802.37132z"
              p-id="3924"
              fill="#bfbfbf"
            ></path>
          </svg>
          <span> 待付款 </span>
        </div>
        <div class="serviceItem">
          <svg
            t="1641371048217"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="4907"
            width="200"
            height="200"
          >
            <path
              d="M947.2 228.266667l-17.066667 17.066667 0 0-106.666667 106.666667 0 0C802.133333 371.2 776.533333 384 746.666667 384c-59.733333 0-106.666667-46.933333-106.666667-106.666667 0-29.866667 12.8-55.466667 32-74.666667L640 172.8c-27.733333 27.733333-44.8 64-44.8 104.533333 0 83.2 66.133333 149.333333 149.333333 149.333333 40.533333 0 78.933333-17.066667 104.533333-44.8l0 0 78.933333-78.933333c17.066667 59.733333 8.533333 115.2-27.733333 151.466667L789.333333 571.733333c-14.933333 14.933333-36.266667 25.6-59.733333 25.6 0 0-72.533333-4.266667-145.066667-51.2l0 0c-4.266667-2.133333-6.4-4.266667-10.666667-4.266667-6.4 0-12.8 4.266667-17.066667 8.533333l0 0L230.4 913.066667C215.466667 930.133333 194.133333 938.666667 170.666667 938.666667c-46.933333 0-85.333333-38.4-85.333333-85.333333 0-23.466667 8.533333-44.8 25.6-59.733333L469.333333 469.333333l0 0c6.4-4.266667 8.533333-10.666667 8.533333-17.066667 0-4.266667-2.133333-8.533333-4.266667-12.8l0 0c-61.866667-81.066667-64-142.933333-10.666667-200.533333l113.066667-117.333333C605.866667 91.733333 644.266667 85.333333 672 85.333333l0 0c17.066667 0 32 2.133333 49.066667 6.4L640 170.666667l29.866667 29.866667 106.666667-106.666667 0 0 19.2-19.2c-40.533333-21.333333-85.333333-34.133333-125.866667-34.133333 0 0 0 0 0 0-46.933333 0-91.733333 14.933333-123.733333 49.066667l-115.2 117.333333c-74.666667 81.066667-55.466667 164.266667-4.266667 238.933333L81.066667 763.733333C57.6 785.066667 42.666667 817.066667 42.666667 853.333333c0 70.4 57.6 128 128 128 36.266667 0 68.266667-14.933333 89.6-38.4l317.866667-352c72.533333 40.533333 140.8 46.933333 151.466667 46.933333 32 0 64-12.8 89.6-36.266667l115.2-117.333333C994.133333 424.533333 996.266667 322.133333 947.2 228.266667zM155.733333 838.4C151.466667 842.666667 149.333333 846.933333 149.333333 853.333333c0 12.8 8.533333 21.333333 21.333333 21.333333 12.8 0 21.333333-8.533333 21.333333-21.333333 0-12.8-8.533333-21.333333-21.333333-21.333333C164.266667 832 160 834.133333 155.733333 838.4z"
              p-id="4908"
              fill="#bfbfbf"
            ></path>
          </svg>
          <span> 待付款 </span>
        </div>
      </div>
      <div
        class="divider_line"
        style="
          height: 0.05rem;
          border-bottom: 0.04rem solid rgb(245, 245, 245);
          background-color: rgb(245, 245, 245);
        "
      ></div>
      <div class="member">
        <ul>
          <li class="borderBottom">
            <i>
              <svg
                t="1641371830601"
                class="icon"
                viewBox="0 0 1138 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1467"
                width="32"
                height="32"
              >
                <path
                  d="M186.997713 866.592817L96.433117 325.992722l245.184301 204.225439 224.932418-358.162496 200.641538 358.219383 275.334574-204.282326-83.965668 540.600095H186.997713zM60.821662 269.503625a59.902336 59.902336 0 1 1 0-119.747785 59.902336 59.902336 0 0 1 0 119.747785zM569.8493 119.776228A59.902336 59.902336 0 1 1 569.8493 0.028444a59.902336 59.902336 0 0 1 0 119.747784z m508.970751 149.727397a59.902336 59.902336 0 1 1 0-119.747785 59.902336 59.902336 0 0 1 0 119.747785zM213.279649 1001.984612a28.443654 28.443654 0 1 1 0-56.887309h720.193328a28.443654 28.443654 0 0 1 0 56.887309H213.222762z"
                  fill="#fdbf2d"
                  p-id="1468"
                ></path>
              </svg>
            </i>
            <div>
              <span> 会员中心 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
          <li class="borderBottom">
            <i>
              <svg
                t="1641373860727"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2631"
                width="32"
                height="32"
              >
                <path
                  d="M163.84 223.4368L663.06048 0 778.24 223.4368 355.81952 409.6z"
                  fill="#85D8FF"
                  p-id="2632"
                ></path>
                <path
                  d="M942.08 409.6h-163.84a81.92 81.92 0 0 0-81.92 81.92v245.76a81.92 81.92 0 0 0 81.92 81.92h163.84v122.88a81.92 81.92 0 0 1-81.92 81.92H81.92a81.92 81.92 0 0 1-81.92-81.92V286.72a81.92 81.92 0 0 1 81.92-81.92h778.24a81.92 81.92 0 0 1 81.92 81.92v122.88z"
                  fill="#4A90E2"
                  p-id="2633"
                ></path>
                <path
                  d="M778.24 450.56h204.8a40.96 40.96 0 0 1 40.96 40.96v245.76a40.96 40.96 0 0 1-40.96 40.96h-204.8a40.96 40.96 0 0 1-40.96-40.96v-245.76a40.96 40.96 0 0 1 40.96-40.96z m81.92 204.8a40.96 40.96 0 1 0 0-81.92 40.96 40.96 0 0 0 0 81.92z"
                  fill="#4A90E2"
                  p-id="2634"
                ></path>
              </svg>
            </i>
            <div>
              <span> 我的优惠 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
        </ul>
      </div>
      <div
        class="divider_line"
        style="
          height: 0.05rem;
          border-bottom: 0.04rem solid rgb(245, 245, 245);
          background-color: rgb(245, 245, 245);
        "
      ></div>
      <div class="member">
        <ul>
          <li class="borderBottom">
            <i>
              <svg
                t="1641373932418"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="5273"
                width="32"
                height="32"
              >
                <path
                  d="M744.5 375.7C695.9 460.2 596.7 543 531.8 576c-65-33-164.2-115.8-212.8-200.3h91.3c4.5 0 8.6-1.7 11.7-4.5l42.5-32.9 50.7 99.6c4.4 8.6 14.9 12 23.5 7.7 4.7-2.4 7.9-6.7 9-11.5l47.2-141.8 41.1 74.4c3.2 5.8 9.1 9.1 15.3 9.1h93.2v-0.1zM531.8 181.8c-87.9-90.1-241.6-27.7-241.6 102.7 0 18.1 4.3 37.1 11.9 56.4h102.4L460 298c7.6-5.9 18.5-4.5 24.4 3.1 0.7 0.9 1.3 1.8 1.7 2.7l41.4 81.2 47.1-141.4c3-9.1 12.9-14.1 22-11.1 4.3 1.4 7.7 4.4 9.8 8.2l55.3 100.2h99.9c7.6-19.2 11.9-38.3 11.9-56.4-0.1-130.4-153.9-192.8-241.7-102.7zM614.9 708.6c28.5 8.2 56.1 27.3 50.2 61.5-3.9 22.7-21.2 41.8-45.2 42.4-92.9 2.2-130.9 6.3-189.5-20.5-26-11.9-41.2-36.1-51.9-62 101.4 63.9 123.2 56.4 239.9 53.6 7.9-0.2 18.4-6.3 18.4-18.3 0.1-27.9-21.1-32.9-60.5-40.2-33.9-6.2-62.6-4.9-87.9-27.7-86-77.4-164.7-90.6-265.3-44-28.7 13.3-56.3 30.3-83.8 45.9V841c37.8-12.6 80.3-28.5 118.2-37.9 16.6-4.1 31.6 0.5 46.7 8.5 99.8 53.1 104.9 52.6 217.5 71.6 14.9 2.5 28 2.1 42.4-2.4 141.6-43.7 153.6-48.5 296.7-138.2 46.7-29.3 18.2-76.8-31.6-56.5-8.7 3.5-17.4 7-26 10.5 4.8-16.2-18.7-27.4-42.1-18.7-5.2 2-10.9 4.5-17.2 7.5 1.9-17.5-21.8-28.4-55.1-14.9-7.9 3.3-57.1 30.6-73.9 38.1z"
                  fill="#f96c5e"
                  p-id="5274"
                ></path>
              </svg>
            </i>
            <div>
              <span> 服务中心 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
          <li class="borderBottom">
            <i>
              <svg
                t="1641374025282"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="6267"
                width="32"
                height="32"
              >
                <path
                  d="M919.124284 688.952506l0 218.571478c0 33.006275-26.215819 59.771868-57.904617 59.771868l-692.674132 0c-31.817574 0-57.899664-26.72597-57.899664-59.771868l0-218.571478c0-15.651235-12.624999-28.350528-28.187082-28.350528-15.571988 0-28.187082 12.699293-28.187082 28.350528l0 218.571478c0 64.120534 51.084442 116.453113 114.273827 116.453113l692.674132 0c63.016033 0 114.273827-52.342485 114.273827-116.453113l0-218.571478c0-15.651235-12.615094-28.350528-28.182129-28.350528s-28.187082 12.699293-28.187082 28.350528l0 0 0 0zM67.401905 420.01476l0-274.487992c0-23.359964 18.999411-42.344515 42.545604-42.344515l809.875137 0c23.452088 0 42.530745 19.115309 42.530745 42.344515l0 274.487992c0 15.651235 12.629952 28.340622 28.201941 28.340622 15.567035 0 28.187082-12.689387 28.187082-28.340622l0-274.487992c0-54.586159-44.388091-99.035666-98.919768-99.035666l-809.875137 0c-54.601017 0-98.919768 44.289033-98.919768 99.035666l0 274.487992c0 15.651235 12.620046 28.340622 28.187082 28.340622 15.571988 0 28.187082-12.686416 28.187082-28.340622l0 0 0 0zM675.772344 392.545852c-2.238721-0.574539-4.581453-0.873696-6.998479-0.873696-15.557129 0-28.187082 12.686416-28.187082 28.342604 0 71.861952-56.428646 129.860674-125.705172 129.860674-69.28148 0-125.705172-57.99575-125.705172-129.860674 0-15.656188-12.624999-28.342604-28.182129-28.342604-2.40712 0-4.764711 0.299157-6.998479 0.873696-2.238721-0.574539-4.581453-0.873696-6.993527-0.873696-15.571988 0-28.187082 12.686416-28.187082 28.342604 0 71.861952-56.41874 129.860674-125.705172 129.860674s-125.708144-57.996741-125.708144-129.860674c0-15.656188-12.615094-28.342604-28.187082-28.342604-15.567035 0-28.187082 12.686416-28.187082 28.342604 0 102.892011 81.381469 186.540928 182.084289 186.540928 69.796583 0 130.321296-40.197919 160.890734-99.122837l0 0c30.564485 58.924919 91.079291 99.122837 160.885781 99.122837 69.801536 0 130.321296-40.197919 160.890734-99.122837 30.564485 58.924919 91.074338 99.122837 160.885781 99.122837 100.707773 0 182.079336-83.651889 182.079336-186.540928 0-15.656188-12.620046-28.342604-28.182129-28.342604-15.571988 0-28.201941 12.686416-28.201941 28.342604 0 71.861952-56.413787 129.860674-125.695266 129.860674-69.276527 0-125.705172-57.99575-125.705172-129.860674 0-15.656188-12.615094-28.342604-28.192035-28.342604-2.42396 0.001981-4.76174 0.299157-6.995508 0.873696l0 0z"
                  p-id="6268"
                  fill="#ff8b43"
                ></path>
              </svg>
            </i>
            <div>
              <span> 小米之家 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
        </ul>
      </div>
      <div
        class="divider_line"
        style="
          height: 0.05rem;
          border-bottom: 0.04rem solid rgb(245, 245, 245);
          background-color: rgb(245, 245, 245);
        "
      ></div>
      <div class="member">
        <ul>
          <li class="borderBottom">
            <i>
              <svg
                t="1641374104379"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="9817"
                width="32"
                height="32"
              >
                <path
                  d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"
                  p-id="9818"
                  fill="#ffb302"
                ></path>
              </svg>
            </i>
            <div>
              <span> 我的F码 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
          <li class="borderBottom">
            <i>
              <svg
                t="1641374182375"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="12711"
                width="32"
                height="32"
              >
                <path
                  d="M480.69565244 449.66521777v-93.91304355H198.95652177a46.95652177 46.95652177 0 0 0-46.95652177 46.95652177v46.95652178h328.69565244z m62.60869512 0h328.69565244v-46.95652178a46.95652177 46.95652177 0 0 0-46.95652177-46.95652177h-281.73913067v93.91304355z m-62.60869512 430.43478223v-367.82608711H191.13043467v281.73913067a86.08695645 86.08695645 0 0 0 86.08695645 86.08695644h203.47826132z m62.60869512 0H746.78260888a86.08695645 86.08695645 0 0 0 86.08695645-86.08695645v-281.73913066h-289.56521777v367.82608711z m352.17391289-367.82608711v281.73913067a148.69565244 148.69565244 0 0 1-148.69565157 148.69565243H277.21739112a148.69565244 148.69565244 0 0 1-148.69565157-148.69565243v-281.73913067h-3.91304356a35.21739112 35.21739112 0 0 1-35.21739198-35.21739112v-74.34782578a109.56521778 109.56521778 0 0 1 109.56521776-109.56521777h48.52173868L234.17391289 279.8a109.56521778 109.56521778 0 1 1 154.95652178-154.95652178L512 247.75217422l122.90869599-122.90869599a109.56521778 109.56521778 0 1 1 154.95652178 154.95652177l-13.34347822 13.34347823H825.04347823a109.56521778 109.56521778 0 0 1 109.56521776 109.56521776v74.34782579a35.21739112 35.21739112 0 0 1-35.21739198 35.21739111h-3.91304356z m-207.50869512-219.13043467l57.63913066-57.63913066a46.95652177 46.95652177 0 0 0-66.40434843-66.40434756L556.21739112 292.08695645l0.9 1.09565243h130.81304355z m-221.12608711 0a31.53913067 31.53913067 0 0 1 0.9-1.09565244L344.79565244 169.1A46.95652177 46.95652177 0 1 0 278.39130401 235.50434756l53.49130487 53.49130488a31.5 31.5 0 0 1 3.52173868 4.14782578h131.43913066z"
                  p-id="12712"
                  fill="#f5a623"
                ></path>
              </svg>
            </i>
            <div>
              <span> 礼物兑换 </span>
              <i>
                <svg
                  t="1641370619588"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2126"
                  width="200"
                  height="200"
                >
                  <path
                    d="M660.224 512L330.24 183.36a31.936 31.936 0 1 1 44.992-45.248l352.512 350.72 0.64 0.576a31.936 31.936 0 0 1 0 45.184s-0.512 0.32-0.64 0.576l-352.512 350.72a31.936 31.936 0 1 1-44.992-45.248L660.224 512z"
                    p-id="2127"
                    fill="#bfbfbf"
                  ></path>
                </svg>
              </i>
            </div>
          </li>
        </ul>
      </div>
      <div
        class="divider_line"
        style="
          height: 0.05rem;
          border-bottom: 0.04rem solid rgb(245, 245, 245);
          background-color: rgb(245, 245, 245);
        "
      ></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Personal",
};
</script>

<style lang="less" scoped>
.personalContainer {
  background-color: #f5f5f5;
  font-size: 0.15rem;
  .userInfo {
    background: url(https://m.mi.com/static/img/bg.63c8e19851.png) center 0
      #f37d0f;
    width: 100%;
    height: 0.65rem;
    padding: 0.14rem 0;
    line-height: 0.65rem;
    display: flex;
    img {
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      margin-left: 0.25rem;
      margin-top: 0.06rem;
      vertical-align: middle;
    }
    span {
      color: white;
      margin-left: 0.05rem;
    }
  }
  .main {
    background-color: white;
    .order {
      border-bottom: 0.02rem solid #d9d9d9;
      display: flex;
      padding: 0.15rem;
      justify-content: space-between;
      .back {
        display: flex;
        i {
          svg {
            width: 0.2rem;
            height: 0.2rem;
            color: #eee;
          }
        }
      }
    }
    .service {
      margin: 0.2rem 0;
      display: flex;
      justify-content: space-around;
      .serviceItem {
        display: flex;
        flex-direction: column;
        text-align: center;
        svg {
          width: 0.3rem;
          height: 0.3rem;
          margin-left: 0.05rem;
        }
      }
    }
    .member {
      width: 100%;
      ul {
        width: 100%;
        .borderBottom {
          display: flex;
          i {
            padding: 0.13rem 0;
          }
          svg {
            margin: 0 0.1rem;
            width: 0.2rem;
            height: 0.2rem;
            color: #eee;
          }
          div {
            width: 3.3rem;
            display: flex;
            line-height: 0.5rem;
            justify-content: space-between;
            border-bottom: 0.01rem solid #d9d9d9;
            i {
              margin-top: 0.03rem;
              padding: 0;
            }
          }
        }
      }
    }
  }
}
</style>